<template>
  <div id="team">
    <div class="headImg">
      <img src="@/assets/images/team_banner.jpg" alt="" />
    </div>

    <div class="content">
      <div class="contentBody">
        <p>
          Welcome to the TNC page, a testament to where innovation seamlessly
          merges with excellence. Our journey began in 2014, amid the nascent
          stages of the IDC industry, leveraging Manitoba's rich legacy of
          high-voltage electrical infrastructure originally established for a
          past economy pillared by heavy industries like metal mining and
          smelting, and wood processing. Recognizing the significant opportunity
          to repurpose Manitoba's robust infrastructure, our founders aimed to
          transform the region's electrical resources and skilled technical
          workforce into key assets for the burgeoning IDC industry. With global
          demand for processing power escalating, IDC operations require
          plentiful grid power and a stable, cool environment—conditions
          uniquely satisfied by Manitoba's climate and capabilities.
        </p>
        <div class="tt1">
          <img src="@/assets/images/tt11.jpg" alt="" />
          <img src="@/assets/images/tt12.jpg" alt="" />
          <img src="@/assets/images/tt13.jpg" alt="" />
        </div>
        <p>
          Partnering with JA Electric who has more than 20+ years of electrical
          industry experience, we embarked on extensive modifications to the
          existing electrical infrastructure of our Manitoba sites to meet the
          intricate needs of modern data centers. Additionally, Explorernet,
          previously known as Swift High Speed Internet, joined us as the
          dedicated internet service provider, ensuring top-tier connectivity
          for the IDC operations we were building. To equip our local team with
          world-class expertise, we sent our staff for specialized training in
          IDC operations in the USA and Japan, enabling them to deliver
          exceptional service quality on a global scale.
        </p>
        <div class="tt1">
          <img src="@/assets/images/tt21.jpg" alt="" />
          <img src="@/assets/images/tt22.jpg" alt="" />
          <img src="@/assets/images/tt23.jpg" alt="" />
        </div>
        <p>
          From our roots in Manitoba, TNC has expanded, acquiring a third data
          center in Alberta and securing a long-term facility hire agreement for
          a fourth site in Quebec. With each new site, our seasoned team of
          professionals ensures the highest standards are met, maintaining
          stringent control over every critical aspect of our data center
          operations. Our growth has also allowed us to bring our valued
          partners, JA Electric and Xplorernet, beyond Manitoba borders,
          ensuring consistency and reliability of infrastructure across all
          locations.
        </p>
        <div class="tt1">
          <img src="@/assets/images/tt31.jpg" alt="" />
          <img src="@/assets/images/tt32.jpg" alt="" />
          <img src="@/assets/images/tt33.jpg" alt="" />
        </div>
        <p>
          At TNC, we are committed to harnessing technology and creativity to
          deliver results that exceed expectations. Our team and partners,
          renowned for their exceptional skill and enthusiasm, are the
          foundation of our success. As your trusted partner, we are dedicated
          to integrity, innovation, and delivering exemplary customer service.
        </p>
      </div>
    </div>

    <div class="bottom">
      <div class="bottom-img">
        <img src="@/assets/images/team1.jpg" alt="" />
        <img src="@/assets/images/team2.jpg" alt="" />
        <img src="@/assets/images/team3.jpg" alt="" />
      </div>
    </div>
  </div>
</template>
<style>
#team {
  padding-top: 90px;
  overflow: hidden;
}
.content {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.content p {
  /* text-align: center; */
  width: 1200px;
  font-size: 18px;
  color: #5b5b5b;
}
.bottom {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.bottom-img {
  width: 1200px;
  display: flex;
  justify-content: space-around;
}
.tt1{
  width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 60px 0;
}
.tt1 img{
  width: 380px;
}
</style>
